// ---------------数据回填-------------
// 只要是修改操作 全都需要数据回填
// 数据回填，就是获取到原来的数据 设置输入框的默认值即可
let form = layui.form
// 加载layui的form模块
function red(){
    // 获取用户的数据 设置输入框的默认值
    axios.get(`/my/user/userinfo`).then(res =>{
        // console.log(res);
        // let {username,nickname,email} = res.data.data
        // $('input[name=username]').val(username)
        // $('input[name=nickname]').val(nickname)
        // $('input[name=email]').val(email)
        if(res.data.status ===0) {
         // form.val('表单lay-filter属性值', '对象形式格式的数据')
         // (对象的key要和表单各项的name属性值相同)');
            form.val('abc',res.data.data)
        }
    })
}
red()


// ---------------------修改功能---------------------
// 注册form表单事件，阻止默认行为，收集数据信息，发送ajax请求
$('form').on('submit',function(e){
    e.preventDefault()

    let data = $(this).serialize()

    axios.post(`/my/user/userinfo`,data).then(res=>{
        let {status,message} = res.data

        if(status===0){
            layer.msg(message)
            // 更新index.html页面的name
            // 调用父页面的函数两个条件
            // 1.使用iframe把两个页面联系到一起 形成父子页面关系
            // 2.必须在真实服务器环境中才能使用(必须使用live server打开页面)
            window.parent.getindex()
        }
    })
})



// --------------------------重置功能------------------
$('button:contains("重置")').on('click',function(e){
    e.preventDefault()
    // 数据回填
    red()
})